import React from 'react';
import { Platform } from 'react-native';
import RMCInputNumber from '../../m-group/m-input-number/InputNumber';



export default class Stepper extends React.Component{
  static defaultProps = {
    step: 1,
    readOnly: false,
    disabled: false,
    inputStyle: {},
  };

  render() {
    const inputAndroidStyle =
      Platform.OS === 'android'
        ? {
          top: 6,
          paddingTop: 0,
          height: 26,
        }
        : {};
    const { inputStyle, ...restProps } = this.props;
    const keyboardType =
      Platform.OS === 'android' ? 'numeric' : 'numbers-and-punctuation';
    const _inputStyle = {
      ...inputAndroidStyle,
      ...inputStyle,
    };
    return (
      <RMCInputNumber
        {...restProps}
        keyboardType={keyboardType}
        inputStyle={_inputStyle}
      />
    );
  }
}
